import * as echarts from 'echarts';
let Box = "";
export function boBoxxx(list) {
	var chartDom = document.querySelector(".bo");
	if (!chartDom) {
	    console.error('Chart DOM element not found!');
	    return;
	}
	var option;
	Box = echarts.init(chartDom);
	// ECharts 配置项
	option = {
		tooltip: {
			trigger: 'item'
		},
		xAxis: {
			type: 'category',
			data: ['BPM', 'OS'] // 每个系列对应不同的 X 轴值
		},
		yAxis: {
			type: 'log',
			axisLabel: {
				show: false // 隐藏Y轴的文字
			}
		},
		grid: {
			// left: '10%', // 左边距
			// right: '20%', // 右边距
			 top: '5%', // 上边距
			 bottom: '30%' // 下边距
		},
		series: [{
			type: 'bar',
			data: [list.bpm, list.os], // DBP, HR, SBP 的实际数据
			itemStyle: {
				color: function(params) {
					const colors = ['#32CD32', '#1E90FF']; // 按顺序给三个柱状图设置颜色
					return colors[params.dataIndex]; // 根据索引为每个柱状图设置不同的颜色
				}
			},
			markLine: {
				
			}
		}],
		 graphic: {
		        elements: [{
		            type: 'circle',
		            left: 'center',
		            top: 'middle',
		            shape: {
		                cx: 0,
		                cy: 0,
		                r: 50
		            },
		            style: {
		                fill: 'transparent'
		            },
		            // 使用 touch event 而不是 mouse event
		            events: {
		                click: function (params, event) {
		                    console.log('Circle clicked!', params, event);
		                }
		            }
		        }]
		    }
	};
	
	option && Box.setOption(option);
	setTimeout(() => {
		window.addEventListener("resize", () => {
			Box.resize();
		});
		// 设置点击事件监听器
		
	}, 1000);
	
}
// 切换页面销毁
export function boBoxXXHXX() {
	if (Box) {
		Box.dispose();
	}
}